
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>首页22</title>

<!-- load stylesheets -->
<!-- <link rel="stylesheet" href="http://fonts.useso.com/css?family=Open+Sans:300,400">  <!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="./index/css/bootstrap.min.css">
<!-- Bootstrap style -->
<link rel="stylesheet" href="./index/css/templatemo-style.css">
<!-- Templatemo style -->

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
          <![endif]-->
</head>

<body>

	<div class="tm-header">
		<div class="container-fluid">
			<div class="tm-header-inner">
				<a href="#" class="navbar-brand tm-site-name">zxf</a>
                用户名：${user.username}   昵称： ${user.loginame}  关注：${user.following}
                粉丝：${user.followers} 微博：${user.posts} 创建时间：${user.signup}
				<!-- navbar -->
				<nav class="navbar tm-main-nav">

					<button class="navbar-toggler hidden-md-up" type="button"
						data-toggle="collapse" data-target="#tmNavbar">&#9776;</button>

					<div class="collapse navbar-toggleable-sm" id="tmNavbar">
						<ul class="nav navbar-nav">
							<li class="nav-item active"><a href="index.html"
								class="nav-link">首页</a></li>
							<li class="nav-item"><a href="about.html" class="nav-link">文章</a>
							</li>
							<li class="nav-item"><a href="blog.html" class="nav-link">随笔</a>
							</li>
							<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a>
							</li>
						</ul>
					</div>

				</nav>

			</div>
		</div>
	</div>

	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-xs-center">
		 <div id="myCarousel" class="carousel slide">
						<!-- 轮播（Carousel）指标 -->
						<ol class="carousel-indicators">
							<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
							<li data-target="#myCarousel" data-slide-to="1"></li>
							<li data-target="#myCarousel" data-slide-to="2"></li>
						</ol>
						<!-- 轮播（Carousel）项目 -->
						<div class="carousel-inner">
							<div class="item active">
								<img width="100%"
									src="http://127.0.0.1:8081/dpslogs/file2017-03-08/22.jpg"
									alt="heheheh代发货的发生了">
							</div>
							<div class="item">
								<img width="100%"
									src="http://127.0.0.1:8081/dpslogs/file2017-03-08/18071023_164300608000_2.jpg"
									alt="Second slide">

							</div>
							<div class="item">
								<img width="100%"
									src="http://127.0.0.1:8081/dpslogs/file2017-03-08/2008122510134038_2.jpg"
									alt="Third slide">
								<div class="carousel-caption">
									<h4>Second Thumbnail label</h4>
									<p>Cras justo odio, dapibus ac facilisis in, egestas eget
										quam. Donec id elit non mi porta gravida at eget metus. Nullam
										id dolor id nibh ultricies vehicula ut id elit.</p>
								</div>
							</div>
						</div>
						<!-- 轮播（Carousel）导航 -->
						<a class="carousel-control left" href="#myCarousel"
							data-slide="prev">&lsaquo; </a> <a class="carousel-control right"
							href="#myCarousel" data-slide="next">&rsaquo; </a>
					</div>
					</div>
	
	<section class="tm-section">
		<div class="container-fluid">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-xs-center">
					<h2 class="tm-gold-text tm-title">文章列表</h2>
					<p class="tm-subtitle"></p>
					
				</div>
			</div>
			<div class="row">
				<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">

					<div class="tm-content-box">
						<img src="/test/webshow/index/img/tm-img-310x180-1.jpg" alt="Image"
							class="tm-margin-b-20 img-fluid">
						<h4 class="tm-margin-b-20 tm-gold-text">军事</h4>

						<table class="table table-striped jambo_table bulk_action">
							

							<tbody>
								<c:if test="${fn:length(articlelist1) == 0}">
									<tr>
										<td style="text-align: center;">无查询结果</td>
									</tr>
								</c:if>
								<c:if test="${fn:length(articlelist1) > 0}">
									<c:forEach var="category" items="${articlelist1}">
										<tr id="item">
											<td hidden="hidden">${category.id}</td>
											<td><a target="blank" href="/test/indexs/detailarticle.do?articleID=${category.articleID}&title=${category.title}">${category.title}</a></td>
										<td>${category.author}</td>
										
										</tr>
									</c:forEach>
								</c:if>
							</tbody>
						</table>

						<a href="#" class="tm-btn text-uppercase">更多</a>
					</div>

				</div>

				<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">

					<div class="tm-content-box">
						<img src="/test/webshow/index/img/tm-img-310x180-2.jpg" alt="Image"
							class="tm-margin-b-20 img-fluid">
						<h4 class="tm-margin-b-20 tm-gold-text">财经</h4>
						<table class="table table-striped jambo_table bulk_action">
							

							<tbody>
								<c:if test="${fn:length(articlelist2) == 0}">
									<tr>
										<td style="text-align: center;">无查询结果</td>
									</tr>
								</c:if>
								<c:if test="${fn:length(articlelist2) > 0}">
									<c:forEach var="category" items="${articlelist2}">
										<tr id="item">
											<td hidden="hidden">${category.id}</td>
											<td><a target="blank" href="/test/indexs/detailarticle.do?articleID=${category.articleID}&title=${category.title}">${category.title}</a></td>
										<td>${category.author}</td>
										</tr>
									</c:forEach>
								</c:if>
							</tbody>
						</table>
						<a href="#" class="tm-btn text-uppercase">更多</a>
					</div>

				</div>

				<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">

					<div class="tm-content-box">
						<img src="/test/webshow/index/img/tm-img-310x180-3.jpg" alt="Image"
							class="tm-margin-b-20 img-fluid">
						<h4 class="tm-margin-b-20 tm-gold-text">文化</h4>
						<table class="table table-striped jambo_table bulk_action">
							

							<tbody>
								<c:if test="${fn:length(articlelist3) == 0}">
									<tr>
										<td style="text-align: center;">无查询结果</td>
									</tr>
								</c:if>
								<c:if test="${fn:length(articlelist3) > 0}">
									<c:forEach var="category" items="${articlelist3}">
										<tr id="item">
											<td hidden="hidden">${category.id}</td>
											<td><a target="blank" href="/test/indexs/detailarticle.do?articleID=${category.articleID}&title=${category.title}">${category.title}</a></td>
										<td>${category.author}</td>
										</tr>
									</c:forEach>
								</c:if>
							</tbody>
						</table>
						<a href="#" class="tm-btn text-uppercase">更多</a>
					</div>

				</div>

				<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">

					<div height="550" class="tm-content-box">
						<img src="/test/webshow/index/img/tm-img-310x180-4.jpg" alt="Image"
							class="tm-margin-b-20 img-fluid">
						<h4 class="tm-margin-b-20 tm-gold-text">历史</h4>
						<table  class="table table-striped jambo_table bulk_action">
							

							<tbody>
								<c:if test="${fn:length(articlelist4) == 0}">
									<tr>
										<td style="text-align: center;">无查询结果</td>
									</tr>
								</c:if>
								<c:if test="${fn:length(articlelist4) > 0}">
									<c:forEach var="category" items="${articlelist4}">
										<tr id="item">
											<td hidden="hidden">${category.articleID}</td>
											<td><a target="blank" href="/test/indexs/detailarticle.do?articleID=${category.articleID}&title=${category.title}">${category.title}</a></td>
										<td>${category.author}</td>
										</tr>
									</c:forEach>
								</c:if>
							</tbody>
						</table>
						<a href="#" class="tm-btn text-uppercase">更多</a>
					</div>

				</div>
			</div>
			<!-- row -->

			<div class="row tm-margin-t-big">
				<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
					<div class="tm-2-col-left">

						

					</div>
				</div>



				<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">

					

				</div>
			</div>
			<!-- row -->

		</div>
	</section>

	<footer class="tm-footer">
		<div class="container-fluid">
			<div class="row">

				

				

				<!-- Add the extra clearfix for only the required viewport 
                        http://stackoverflow.com/questions/24590222/bootstrap-3-grid-with-different-height-in-each-item-is-it-solvable-using-only
                    -->
				<div class="clearfix hidden-lg-up"></div>

				

				


			</div>

			<div class="row"></div>
		</div>
	</footer>

	<!-- load JS files -->
	<script src="./index/js/jquery-1.11.3.min.js"></script>
	<!-- jQuery (https://jquery.com/download/) -->
	<script src="./index/js/tether.min.js"></script>
	<!-- Tether for Bootstrap, http://stackoverflow.com/questions/34567939/how-to-fix-the-error-error-bootstrap-tooltips-require-tether-http-github-h -->
	<script src="./bootstrap/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
	<!-- Bootstrap (http://v4-alpha.getbootstrap.com/) -->

</body>
</html>